<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>评分</title>
  <style>
    body{
      background-image: url(sea.png);
      background-size: cover;
    }
    .rating-wrapper{
      border:1px solid gainsboro;
      position: absolute;
      width:300px;
      left: 600px;
      top: 300px;
      background-color: white;
      border-radius: 10px;
    }
    .rating {
      unicode-bidi: bidi-override;
      direction: rtl;
      text-align: center;
    }

    .rating > input {
      display: none;
    }

    .rating > label:before {
      content: '★';
      font-size: 60px;
      color: rgb(226, 223, 223);
    }
    .rating > input:checked ~ label:before,
    .rating > label:hover:before {
      color: gold;
    }
    input[type="button"]{
        background-color:#4590e7;
	      color:white;
	      width: 200px;
	      height: 45px;
        text-align: center;
	      border:0;
	      font-size: 16px;			
        border-radius: 5px;
        margin-bottom: 20px;
    }
    button:hover{
	      background-color: #011a90;
            }
    #message{
      text-align: center;
      margin-bottom: 5px;
    }
  </style>
<body>
  <form action="" method="post">
    <div class="rating-wrapper">
    <p id="message">请评分</p>
    <div class="rating">
      <input type="radio" id="star5" name="rating" value="5">
      <label for="star5"></label>
      <input type="radio" id="star4" name="rating" value="4">
      <label for="star4"></label>
      <input type="radio" id="star3" name="rating" value="3">
      <label for="star3"></label>
      <input type="radio" id="star2" name="rating" value="2">
      <label for="star2"></label>
      <input type="radio" id="star1" name="rating" value="1">
      <label for="star1"></label>
    </div>
   <center><input type="button" value="提交" onclick=thanks()></center>
   <script>
       function thanks(){
        alert("谢谢您的反馈")
           window.location.href="aboutus.html";
       }
   </script>
</div>
</form>
</body>
</html>
